/*以下为网页的通用设置*/
/*将所有浏览默认的内外边距重置为0*/
*, div, p, h1-h6, span, table, tr, td, th, ul, ol, li, form, input, button, img,
iframe, a {
    padding: 0;
    margin: 0;
}

/*清除浮动,兼容谷歌与火狐等*/
.cf:after {
    content: "";
    display: block;
    clear: both;
}

/*清除浮动,兼容ie写法*/
.cf {
    zoom: 1;
}

/*去除ul,ol,li列表标签的默认项目*/
ul, ol, li {
    list-style: none;
}

/*版心的设置*/
.main {
    width: 1200px;
    /*水平居中*/
    margin: 0 auto;
}

/*修改超链接标签的样式*/
/*务必按照超链接标签的四种状态的顺序修改,否则无效*/
/*记住:符合"爱-恨","lv-ha"原则*/
/*鼠标未点的样式*/
a {
    font-size: 20px;
}

/*以下为四种状态的样式*/
a:link {
    /*文本的上中下线设置overline/line-through/underline*/
    text-decoration: none;
    /*灰色*/
    color: grey;
}

/*访问过后的样式*/
a:visited {
    /*文本的上中下线设置overline/line-through/underline*/
    text-decoration: none;
    color: black;
    /*也可以设置文本大小等其它属性*/
}

/*鼠标覆盖的样式*/
a:hover {
    text-decoration: underline;
    color: red;
}

/*鼠标按住不放的样式*/
a:active {
    text-decoration: underline;
    color: red;
}